.card {
  width: 100%;
  .img-box {
    position: relative;
    aspect-ratio: 73 / 105;
    &::after {
      position: absolute;
      left: 0;
      bottom: -20rpx;
      content: "";
      display: block;
      width: 100%;
      height: 20rpx;
      background-image: linear-gradient(
        to bottom,
        var(--bgc-gray),
        rgba(#fafafa, 0)
      );
      filter: blur(4rpx);
    }
  }
  .title {
    font-size: 28rpx;
    margin: 0 0 10rpx 0;
    font-weight: bold;
  }
  .author {
    font-size: 24rpx;
    color: var(--text-gray);
  }
  .free {
    font-size: 24rpx;
    color: var(--text-gray);
    .wprice {
      text-decoration: line-through;
      margin-bottom: 10rpx;
    }
    .discountDesc {
      color: var(--text-red);
    }
  }
}